<template>
	<view class="page">
		<view class="u-version-alert">
			<view class="u-version-cont">
				<view class="title">发现新版本</view>
				<view class="text">新版本型号：{{version}}</view>
				<view class="text">更新内容：</view>
				<scroll-view class="content" scroll-y><uParse :content="content" @preview="preview"/></scroll-view>
				<view class="text time">发布时间：{{time}}</view>
				<view class="bg"><image src="/static/images/sevion_bg.png"></image></view>
				<view class="btn" @tap="UpdataVersion">立即更新</view>
			</view>
		</view>
	</view>
</template>

<script>
	import henglang from '@/common/common.js';
	import uParse from '@/components/uParse/src/wxParse.vue'
    export default {
        data() {
            return {
				url:'',
				content: '',
				time:'',
				version: ''
            };
        },
		components: {
			uParse
		},
        methods: {
			UpdataVersion(){
				plus.runtime.openURL(this.url);
			},
			preview(src, e){
				
			}
        },
        onLoad({url,content,version,time}) {
           this.url = url
		   this.content = content
		   this.version = version
		   this.time = time
        }
    }
</script>


<style>
	.u-version-alert{
		position: fixed;
		top: 0;
		left: 0;
		width: 100vw;
		height: 100vh;
		z-index: 10;
		background: rgba(0,0,0,.7);
	}
	.u-version-alert .u-version-cont{
		position: absolute;
		z-index: 11;
		left: 50%;
		top: 50%;
		width: 678upx;
		height: 936upx;
		margin-top: -408upx;
		margin-left: -339upx;
		color: #ffffff;
		font-size: 30upx;
	}
	.u-version-alert .u-version-cont .bg{
		position: absolute;
		top: 0;
		left: 0;
		width: 678upx;
		height: 936upx;
		z-index: -1;
	}
	.u-version-alert .u-version-cont .bg image{
		width: 100%;
		height: 100%;
	}
	.u-version-alert .u-version-cont .title{
		font-size: 65upx;
		font-weight: bold;
		text-align: center;
		margin-top: 127upx;
		margin-bottom: 45upx;
	}
	.u-version-alert .u-version-cont .text{
		width: 550upx;
		margin: 0 auto;
		height: 50upx;
		line-height: 50upx;
		margin-bottom: 15upx;
	}
	.u-version-alert .u-version-cont .content{
		font-size: 34upx;
		line-height: 58upx;
		width: 550upx;
		margin: 0 auto;
		height: 233upx;
	}
	.u-version-alert .u-version-cont .time{
		margin-top: 13upx;
	}
	.u-version-alert .u-version-cont .btn{
		width: 604upx;
		height: 82upx;
		line-height: 82upx;
		text-align: center;
		border: 6upx solid #d71511;
		border-radius: 10upx;
		position: absolute;
		bottom: 42upx;
		left: 50%;
		margin-left: -308upx;
		font-size: 34upx;
		color: #d71511;
	}
</style>
